Qu'est-ce que le CSS ?

Le CSS (Cascading Style Sheets) est un langage de style utilisé pour définir l'apparence et la mise en page d'une page web. Il permet de contrôler le design, la couleur, la typographie, la disposition des éléments, les marges, les bordures, les arrière-plans, etc.

L’utilisation de feuilles de style au format CSS repose sur l’idée de séparation du contenu et de la mise en forme :

• le contenu est fourni par des fichiers au format HTML (index.html ou page1.html par exemple) ;
  
• la mise en forme est définie dans un (ou plusieurs) fichier(s) texte au format CSS (style1.css ou style2.css par exemple).

Le CSS fonctionne en associant des règles de style à des éléments HTML en utilisant des sélecteurs. Les règles de style CSS sont utilisées pour spécifier comment chaque élément doit être présenté sur la page. Une feuille de style pouvant modifier le comportement d'éléments HTML, on parle souvent de surcharge CSS.

Un bloc de règles de style CSS se présentera sous la forme suivante :

sélecteur {
     propriété1 : valeur1;
     propriété2 : valeur2;
     ...
}

Exemple : règles de style appliquées au sélecteur HTML "p" (paragraphe).

p{
     font-family : arial;
     font-size : 12px;
     color : red;
     text-align : justify;
}

Dans l'exemple précédent, les règles de style modifieront la police, la taille, la couleur et l'alignement de tous les textes situés à l'intérieur de la balise de paragraphe.

Le CSS peut être appliqué à plusieurs pages web, ce qui permet une gestion cohérente du style sur l'ensemble d'un site.

Remarque :

• Indenter en CSS est également très important afin de conserver le plus de clarté possible dans son code.
  
• On écrit dans un fichier CSS les commentaires de la manière suivante :  /* Je suis un commentaire  */